<template>
  <div class="about">
    <h1>Icon 图标提供了一套常用的图标集合。</h1>
    <h4>直接通过设置类名为 el-icon-iconName 来使用即可。例如：</h4>
    <h3>
      这个"---> '
      <i class="el-icon-edit"></i>'
    </h3>
    <i class="el-icon-edit"></i>
    <i class="el-icon-share"></i>
    <i class="el-icon-delete"></i>
    <i class="el-icon-message"></i>
    <el-button type="primary" icon="el-icon-search">搜索</el-button>

    <div></div>
    <el-row>
      <h6>disabled 属性来定义按钮是否可用，它接受一个Boolean值。</h6>
      <el-button disabled>默认按钮111</el-button>

      <el-button type="text">没有边框和背景色的按钮 type="text"</el-button>

      <h6>plain type 属性来定义 朴素按钮 Button 的样式。</h6>
      <el-button plain>朴素按钮</el-button>
      <el-button type="success" plain>成功按钮</el-button>
      <el-button type="primary" :loading="true">加载中</el-button>
      <el-button type="primary" :loading="false">加载中</el-button>

      <h6>round type 属性来定义 圆角按钮 Button 的样式。</h6>
      <el-button round>圆角按钮</el-button>
      <el-button type="warning" round>警告按钮</el-button>
      <el-button type="warning" icon="el-icon-star-off" round>警告按钮</el-button>

      <h6>circle 属性来定义 Button 的样式。 设置icon属性即可，icvon 的列表可以参考 Element 的 icon 组件，也可以设置在文字右边的 icon ，只要使用i标签即可，可以使用自定义图标。</h6>
<el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
      <el-button circle></el-button>
      <el-button type="success" icon="el-icon-check" circle></el-button>
      <el-button type="danger" icon="el-icon-delete" circle></el-button>


  <h6>  以按钮组的方式出现，常用于多项类似操作--使用".el-button-group."标签来嵌套你的按钮。</h6>
      <el-button-group>
  <el-button type="primary" icon="el-icon-arrow-left">上一页</el-button>
  <el-button type="primary">下一页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>

    </el-row>
  </div>
</template>
